var p = $(".banner_img").length
var wd = $(".banner_img").eq(0).width()*p
$(".banner_ul").css(
	"width",wd
)
var widTh = $(".banner_ul a").eq(0).width()
var index = 0
$(".xz div").eq(0).addClass("xz1").siblings().removeClass("xz1")
var timer = setInterval(function(){
	$(".banner_ul").animate({"margin-left" : -widTh},500,function(){
		$(".banner_ul a:first-child").appendTo(".banner_ul")
		$(".banner_ul").css({"margin-left" : 0})
	})
	index++
	if(index == 3){
		index = 0
	}
	$(".xz div").eq(index).addClass("xz1").siblings().removeClass("xz1")
},2000)
var onoff = true
$(".btn_right").click(function(){
	if(onoff){
			$(".banner_ul").animate({"margin-left" : -widTh},500,function(){
			$(".banner_ul a:first-child").appendTo(".banner_ul")
			$(".banner_ul").css({"margin-left" : 0})
			onoff = true
			index++
			if(index == 3){
				index = 0
			}
			$(".xz div").eq(index).addClass("xz1").siblings().removeClass("xz1")
		})
	}
	onoff = false	
})
$(".btn_left").click(function(){
	if(onoff){
		$(".banner_ul a:last-child").prependTo(".banner_ul")
		$(".banner_ul").css({"margin-left" : -widTh})
		$(".banner_ul").animate({"margin-left" : 0},500,function(){
			onoff = true
		})
		index--
		if(index == -1){
			index = 2
		}
		$(".xz div").eq(index).addClass("xz1").siblings().removeClass("xz1")	
	}
	onoff = false
})
$(".btn_right").hover(function(){
	$(this).css({"background-position": -43})
	clearInterval(timer)
},function(){
	$(this).css({background : ""})
	timer = setInterval(function(){
		$(".banner_ul").animate({"margin-left" : -widTh},500,function(){
			$(".banner_ul a:first-child").appendTo(".banner_ul")
			$(".banner_ul").css({"margin-left" : 0})
		})
		index++
		if(index == 3){
			index = 0
		}
		$(".xz div").eq(index).addClass("xz1").siblings().removeClass("xz1")
	},2000)
})
$(".btn_left").hover(function(){
	$(this).css({"background-position": 0})
	clearInterval(timer)
},function(){
	$(this).css({background : ""})
	timer = setInterval(function(){
		$(".banner_ul").animate({"margin-left" : -widTh},500,function(){
			$(".banner_ul a:first-child").appendTo(".banner_ul")
			$(".banner_ul").css({"margin-left" : 0})
		})
		index++
		if(index == 3){
			index = 0
		}
		$(".xz div").eq(index).addClass("xz1").siblings().removeClass("xz1")
	},2000)
})
$(".xz div").click(function(){
	var Index = $(this).index()
	var z = Index - index
	var ztt = index - Index
	if(z>0){
		$(".banner_ul").animate({"margin-left" : -widTh*z},500,function(){
			for(var k = 0 ; k < z ; k++){
				$(".banner_ul a").eq(0).appendTo(".banner_ul")
				console.log(111)
			}
			$(".banner_ul").css({"margin-left" : 0})
		})
	}else{
		for(var t = 0 ; t < ztt ; t++){
			$(".banner_ul a:last-child").prependTo(".banner_ul")
		}
		$(".banner_ul").css({"margin-left" : -widTh*ztt})
		$(".banner_ul").animate({"margin-left" : 0},500)
	}
	index = Index
	$(".xz div").eq(index).addClass("xz1").siblings().removeClass("xz1")
})
$(".xz div").hover(function(){
	clearInterval(timer)
},function(){
	timer = setInterval(function(){
		$(".banner_ul").animate({"margin-left" : -widTh},500,function(){
			$(".banner_ul a:first-child").appendTo(".banner_ul")
			$(".banner_ul").css({"margin-left" : 0})
		})
		index++
		if(index == 3){
			index = 0
		}
		$(".xz div").eq(index).addClass("xz1").siblings().removeClass("xz1")
	},2000)
})